input标签不显示边框，或只在点击时不显示边框

2024-07-01 20:35| 来源: 网络整理| 查看: 265

input标签不显示边框 (1)不显示边框(2)只在点击时不显示边框

(1)不显示边框

在样式中直接写：border-style: none;

.search-input-box { width: 1040px; height: 22px; font-size: 16px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #999999; line-height: 22px; outline: none; margin: 6px 120px 0px 0px; border-style: none; } (2)只在点击时不显示边框

:focus 伪类选择器

input:focus { border-style: none; outline: none; //好像是outline起主要作用 }

像这种问题一般都用在 :focus 伪类选择器，用于选取获得焦点的表单元素，焦点也即是光标。一般情况下 input 类表单元素才能获取:focus伪类选择器。 outline设置轮廓的样式，样式是 none时，轮廓不会出现。

【本文地址】

公司简介

联系我们